import React, { Component } from 'react';
import { Modal} from 'antd-mobile';
import { get } from '../api/getData';

import 'antd-mobile/lib/modal/style/index';
import '../static/styles/hdgz.css';
class Hdgz extends Component {
    constructor(props){
        super(props);
    }
    componentDidMount() {
        this.setState({
            hdgz:this.props.hdgz
        });
    }
    render() {
        return (
            <Modal
                  visible={this.props.hdgz}
                  transparent
                  maskClosable={true}
                  onClose={()=>this.props.onCloseModal()}
                  title="活动规则"
                  closable={true}
                >
                  <div className='hdgz-content' style={{ height: 350, overflow: 'scroll', color:'#fff' }}>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;1.关注并绑定广西电信微信公众号，进入活动页面，选择一个最喜欢的口味的月饼，分享专属链接至朋友圈或好友，邀请好友猜猜自己最喜欢的口味；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;2.微信好友点击分享链接，猜中分享者最喜欢的月饼口味，分享者可增加1点默契值；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;3.分享至朋友圈后，好友通过分享页面进入并首次参与活动的，每获得6个好友首次参与，分享者额外获赠1张“好人缘卡”。</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;4.1张好人缘卡可开1次“星光宝盒”；10点默契值可开1次“星光宝盒”；20点默契值可开1次“月光宝盒”；开宝盒后有机会获得宝盒内奖品；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;5.开宝盒后将扣减相应好人缘卡或默契值，待默契值或好人缘卡数量达到开宝盒要求后可继续开宝盒，不限制开宝盒次数；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;6、每人可猜多个好友喜欢的月饼，同一好友仅能猜一次。</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;7.宝盒内奖品如下：</p>
                    <div>
                        <div>
                            <div></div>
                            <div>奖品</div>
                        </div>
                        <div className='hdgz-table'>
                            <div className='bh'>星光宝盒</div>
                            <div className='jp'>
                                <div>5元翼支付代金券</div>
                                <div>小米充电宝 20000mAh</div>
                                <div>诺基亚steel智能手表</div>
                            </div>
                        </div>
                        <div  className='hdgz-table'>
                            <div className='bh'>月光宝盒</div>
                            <div className='jp'>
                                <div>Apple Watch Series 3智能手表-黑色 38毫米</div>
                                <div>华为手机P10 plus</div>
                                <div>5元翼支付代金券</div>
                                <div>10元翼支付代金券</div>
                                <div>20元翼支付代金券</div>
                            </div>
                        </div>
                    </div>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;8.如您开宝盒后中奖的奖品为诺基亚steel智能手表、Apple Watch Series 3智能手表、华为手机P10 plus，请参与活动的机主本人于2018年10月8日-2018年10月12日9:00-12:00、15:00-18:00持有效身份证件至广西南宁市青秀区民主路35号电信大楼710室客服组领取，逾期将视为放弃奖品，联系电话4008771189；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;9.如您开宝盒后中奖的奖品为小米充电宝，请根据页面提示完整填写中奖礼品寄送信息，收货地址仅限广西区内，将在活动结束后15个工作日内为您免费寄出，如您在9月30日前仍未提交收件信息的，将视为放弃奖品；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;10.如您开宝盒后中奖的奖品为翼支付代金券，系统将在活动结束后的48小时内自动充值入参与活动的号码账户，如号码未开通翼支付账户，请在中奖后的24小时内开通，否则将充值失败视为放弃奖品。</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;11.为保证活动公平公正，如使用不正当技术手段将取消获奖用户资格；</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;12.客服热线：4008771189。</p>
                  </div>
                </Modal>
            )
    }
}

export default Hdgz;
